<template>
    <div>
      <assets-head :title="$t('推广规则')" />
        <div class="advise w-828 h-220 p-40 box-border flex flex-col items-start justify-center">
          <span class="font-900 font-48">{{$t('分享返利')}}</span>
          <span class="w-460 mt-20 font-30 font-500">{{$t('交易中心会员回馈福利活动')}}</span>
        </div>
        <div class="px-32 py-30 font-bold text-grey font-30">
            {{ $t('客户发展示意如下 A>B>C>D>E （往下最多4级），B为A的一级客户，C为A的二级客户，D为A的三级客户，E为A的四级客户。返佣条件（下级客户单日单笔充值金额超过1000个USDT以上，每日只可以领取一次)')}}
        </div>
        <div class="flex flex-col px-32 mt-40 textColor" v-for="item in list" :key="item.id">
            <h2 class="font-36 font-bolds mb-10">【{{item.title}}{{$t('的佣金')}}】</h2>
            <ul class="flex flex-col font-30">
                <li class="py-10" v-for="_item in item.conent" :key="_item.id">
                    {{_item.from}}{{$t('可以获得')}} {{_item.to}} {{$t('充值金额的')}}{{_item.rate + '%'}}{{$t('的佣金')}}
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import assetsHead from "@/components/assets-head";
export default {
    components: {
      assetsHead
    },
    data() {
        return {
            list: [
                {id: 1, title: 'A', conent: [
                    {id: 11, from: 'A', to: 'B', rate: 5 },
                    {id: 12, from: 'A', to: 'C', rate: 3 },
                    {id: 13, from: 'A', to: 'D', rate: 2 },
                    {id: 14, from: 'A', to: 'E', rate: 1 },
                ]},
                {id: 2, title: 'B', conent: [
                    {id: 21, from: 'B', to: 'C', rate: 5 },
                    {id: 22, from: 'B', to: 'D', rate: 3 },
                    {id: 23, from: 'B', to: 'E', rate: 2 },
                    {id: 24, from: 'B', to: 'E-1', rate: 1 },
                ]},
                {id: 3, title: 'C', conent: [
                    {id: 31, from: 'C', to: 'D', rate: 5 },
                    {id: 32, from: 'C', to: 'E', rate: 3 },
                    {id: 33, from: 'C', to: 'E-1', rate: 2 },
                    {id: 34, from: 'C', to: 'E-2', rate: 1 },
                ]}
            ]
        }
    },
    methods: {
        onClickLeft() { // 后退
            this.$router.go(-1)
        }
    }
}
</script>
<style lang="scss" scoped>
.advise {
  background: url("./share-bg.png") no-repeat center center;
  background-size: 100% 100%;
}
</style>
